<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../../../plugin/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="../../../plugin/layui/css/layui.css" />
    <link rel="stylesheet" href="../../../plugin/swiper/swiper.min.css" />
    <link rel="stylesheet" href="../../../css/animate.css" />

    <link rel="stylesheet" href="../../../css/fonts/iconfont.css" />
    <link rel="stylesheet" href="../../../plugin/summernote/summernote.css" />
    <link rel="stylesheet" href="../../../plugin/zTree/css/zTreeStyle.css" />
    <link rel="stylesheet" href="../../css/common.css" />
    <link rel="stylesheet" href="../../css/style.css" />
    <link rel="stylesheet" href="../css/company.css" />
    <link rel="stylesheet" href="../css/login.css" />
    <link rel="stylesheet" href="../../../css/theme/red.css" />
    <script type="text/javascript" src="../../../js/jquery.js"></script>
    <script
      type="text/javascript"
      src="../../../plugin/layui/layui.js"
    ></script>
    <script type="text/javascript" src="../../../js/common.js"></script>
    <script type="text/javascript" src="../../../js/echarts.min.js"></script>
    <script
      type="text/javascript"
      src="../../../plugin/swiper/swiper.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../plugin/bootstrap/js/bootstrap.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../plugin/summernote/summernote.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../plugin/zTree/js/jquery.ztree.all.min.js"
    ></script>
    <script type="text/javascript" src="../js/login.js"></script>
    <style>
      .layui-tab {
        margin: 0 !important;
      }
    </style>
  </head>
  <body>
    <div
      class="content"
      id="loginPage"
      style="
        background: url(../images/bg.jpeg) center center no-repeat;
        background-size: 100% 100%;
      "
    >
      <img class="loginGif" src="../images/login/login.gif" />
      <div class="logoText">欢迎登录</div>
      <div class="loginModal">
        <!-- <div class="headLogo flex items-center"> -->
        <!-- <div class="logoPic"> -->
        <!-- <img src="../images/ouyeellogo_notxt.png" /> -->
        <!-- </div> -->

        <!-- </div> -->
        <!-- <div class="logoMain"> -->
        <!-- <div class="leftPic"> -->
        <!-- <img src="../images/1.png" /> -->
        <!-- </div> -->
        <div class="companyLoginMain">
          <div class="title">登录账户，开始使用吧！</div>
          <div class="zhuce">注册</div>
          <div class="loginNav">
            <a hraf="javascript:;" class="active">账号登录</a>
            <a hraf="javascript:;">手机登录</a>
            <a hraf="javascript:;">二维码登录</a>
            <span class="loginNavLine"></span>
          </div>
          <div class="navBox" id="loginFormNav">
            <div class="navView accountForm">
              <div class="inputBox m-t-25">
                <input type="text" class="input" placeholder="请输入用户名" />
                <span class="iconfont icon-login-user"></span>
              </div>
              <div class="inputBox m-t-25">
                <input type="password" class="input" placeholder="请输入密码" />
                <span class="iconfont icon-login-pwd"></span>
              </div>
              <div class="flex m-t-25">
                <div class="inputBox flex-1">
                  <input
                    type="number"
                    id="accoutnImgCode"
                    class="input"
                    placeholder="请输入图形验证码"
                  />
                  <span class="iconfont icon-msg-code"></span>
                </div>
                <div class="numberCode">
                  <img class="" src="" />
                  <div class="refresh iconfont icon-refresh">&nbsp;换一换</div>
                </div>
              </div>
            </div>
            <div class="navView phoneForm">
              <div class="inputBox m-t-25">
                <input
                  type="number"
                  class="input"
                  placeholder="请输入手机号码"
                />
                <span class="iconfont icon-login-user"></span>
              </div>
              <div class="flex m-t-25">
                <div class="inputBox flex-1">
                  <input
                    type="number"
                    id="phomeImgCode"
                    class="input"
                    placeholder="请输入图形验证码"
                  />
                  <span class="iconfont icon-msg-code"></span>
                </div>
                <div class="numberCode">
                  <img class="" src="" />
                  <div class="refresh iconfont icon-refresh">&nbsp;换一换</div>
                </div>
              </div>
              <div class="flex m-t-25">
                <div class="inputBox flex-1">
                  <input
                    type="number"
                    class="input"
                    placeholder="请输入手机验证码"
                  />
                  <span class="iconfont icon-msg-code"></span>
                </div>
                <div class="phoneCodeBtn" onclick="sendCode(this);">
                  发送验证码
                </div>
              </div>
            </div>
            <div class="navView markForm">
              <div class="loginMark">
                <img src="" id="loginMark" />
                <div class="errorText">
                  <p>二维码超时，请点击刷新</p>
                </div>
              </div>
              <div class="fs14 c999 m-t-10">二维码说明文案</div>
            </div>
          </div>

          <div class="loginBtn" id="loginBtn">登&nbsp;录</div>
        </div>
        <!-- </div> -->
      </div>
      <div class="footInfo">
        <div class="comModalWidth flex justify-between items-end">
          <div class="infoLeft">
            <div class="links c666">
              <a class="inline fs12" href="#">电商门户</a>
              <a class="inline fs12" href="#">京东物流</a>
            </div>
            <div class="links fs12 c999">地址：中国上海市 邮编：201999</div>
            <div class="links c999">
              <span class="fs12">版权所有2016 钢宝云 沪ICP备15018773号-1</span>
              <a class="fs12" href="#">沪公网安备 31011302006234 号</a>
            </div>
          </div>
          <div class="infoRight">
            <a href="#"><img src="../images/btm_img002.jpg" alt="" /></a>
            <a href="#"><img src="../images/btm_img003.jpg" alt="" /></a>
            <a href="#"><img src="../images/btm_img005.jpg" alt="" /></a>
          </div>
        </div>
      </div>
      <div class="footLinks">
        <div class="comModalWidth c999 flex items-center">
          <div class="fs12">友情链接：</div>
          <a class="inline fs12" href="#">电商门户</a>
          <a class="inline fs12" href="#">京东物流</a>
        </div>
      </div>
    </div>
  </body>
  <script>
    $(function () {
      // var start = 1;
      // var gifTimer = setInterval(() => {
      //   start++;
      //   $(".loginGif").attr("src", "../images/login/" + start + ".png");
      //   if (start == 20) {
      //     start = 0;
      //   }
      // }, 100);
    });
  </script>
</html>
